<template>
  <div>
    <!-- 添加或修改审核流程对话框 -->
    <el-form ref="form" :rules="rules" :model="form" :validate-on-rule-change="false">
      <div class="border">
        <h4>基本信息</h4>
        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="监测表流水号：" label-width="120px" prop="monitorRecordNo" :error="errormsg1">
              <el-input placeholder="请输入监测表流水号" :disabled="isHaveData" @blur="validateMonitorRecordNo"
                        v-model="form.monitorRecordNo"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="医院编号：" label-width="100px">
              <el-input disabled v-model="form.hospitalNo"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="住院号：" label-width="100px">
              <el-input disabled v-model="form.patientNo"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="患者姓名缩写：" label-width="120px">
              <el-input disabled v-model="form.patientNameAcronym"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="入组日期：" prop="inputFormDate" label-width="120px">
              <el-date-picker :disabled="disabled" placeholder="请选择入组日期" type="date" value-format="yyyy-MM-dd"
                              v-model="form.inputFormDate"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label-width="170px" label="不良反应/时间类别：" prop="badType">
              <el-radio v-model="form.badType" label="1">新的</el-radio>
              <el-radio :disabled="disabled" v-model="form.badType" label="2">严重</el-radio>
              <el-radio :disabled="disabled" v-model="form.badType" label="3">一般</el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="报告时间：" prop="reportDate" label-width="100px">
              <el-date-picker :disabled="disabled" placeholder="请选择报告时间" v-model="form.reportDate" type="date"
                              value-format="yyyy-MM-dd"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="患者姓名：" prop="patientName" label-width="100px">
              <el-input :disabled="disabled" v-model="form.patientName"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="性别：" prop="patientSex" label-width="80px">
              <el-select :disabled="disabled" style="width: 80%" v-model="form.patientSex">
                <el-option label="男" value="1"></el-option>
                <el-option label="女" value="2"></el-option>
                <el-option label="其他" value="3"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="出生日期：" prop="birthdate" label-width="100px">
              <el-date-picker :disabled="disabled" v-model="form.birthdate" type="date" clearable
                              value-format="yyyy-MM-dd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="民族：" prop="nation" label-width="80px">
              <el-input :disabled="disabled" v-model="form.nation"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="联系方式：" prop="phoneNo" label-width="100px">
              <el-input style="width: 72%" :disabled="disabled" v-model="form.phoneNo"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原患疾病：" prop="originalIllness" label-width="100px">
              <el-input :disabled="disabled" v-model="form.originalIllness"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="18">
            <el-form-item label-width="190px" label="既往药品不良反应/事件:" prop="pillsBadBefore">
              <el-radio :disabled="disabled" v-model="form.pillsBadBefore" label="0">无</el-radio>
              <el-radio :disabled="disabled" v-model="form.pillsBadBefore" label="1">有
                <span v-show="form.pillsBadBefore == 1">药品名称：</span>
                <el-input :disabled="disabled" style="width: 200px" v-show="form.pillsBadBefore == 1"
                          v-model="form.pillsBadBeforeName"
                ></el-input>
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.pillsBadBefore" label="2">不详</el-radio>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label-width="190px" label="家族药品不良反应/事件:" prop="pillsBadFamily">
              <el-radio :disabled="disabled" v-model="form.pillsBadFamily" label="0">无</el-radio>
              <el-radio :disabled="disabled" v-model="form.pillsBadFamily" label="1">有</el-radio>
              <span v-show="form.pillsBadFamily == 1">药品名称：</span>
              <el-input :disabled="disabled" v-model="form.pillsBadFamilyName" v-show="form.pillsBadFamily == 1"
                        style="width: 873px"
              ></el-input>
              <el-form-item style="margin-top: 20px" v-show="form.pillsBadFamily == 1" label="关系:" prop="">
                <el-checkbox :disabled="disabled" v-model="form.relationFamily" label="0">父母</el-checkbox>
                <el-checkbox :disabled="disabled" v-model="form.relationFamily" label="1">兄弟姐妹</el-checkbox>
                <el-checkbox :disabled="disabled" v-show="form.pillsBadFamily == 1" v-model="form.relationFamily"
                             label="2"
                >其他
                </el-checkbox>
                <el-input style="width: 20%; margin-right: 20px" :disabled="disabled" v-model="form.relationFamilyOther"
                          v-show="form.relationFamily && form.relationFamily.includes('2')
                    "
                ></el-input>
                <el-checkbox :disabled="disabled" v-show="form.pillsBadFamily == 1" v-model="form.relationFamily"
                             label="3"
                >不详
                </el-checkbox>
              </el-form-item>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="18">
            <el-form-item label="相关信息:" prop="relationInfo">
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="1">吸烟史</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="2">饮酒史</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="3">妊娠期</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="4">肝病史</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="5">肾病史</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="6">过敏史</el-checkbox>
              <el-checkbox :disabled="disabled" v-model="form.relationInfo" label="7">其它</el-checkbox>
              <el-input style="width: 350px; display: inline-block; margin-left: 20px" :disabled="disabled"
                        v-if="form.relationInfo && form.relationInfo.includes('7')" v-model="form.relationInfoOther"
                        placeholder="请输入"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </div>

      <div class="border">
        <h4>不良反应/事件过程描述及处理情况</h4>
        <el-row :gutter="20">
          <el-col :span="7">
            <el-form-item label="不良反应/事件名称:" label-width="170px" prop="badName">
              <el-select :disabled="disabled" filterable v-model="form.badName">
                <el-option v-for="dict in dict.type.adverse_reaction" :key="dict.value" :label="dict.label"
                           :value="dict.value"
                ></el-option>
              </el-select>
              <el-input :disabled="disabled" v-show="form.badName == 10" v-model="form.badNameOther"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label-width="200px" label="不良反应/事件发生时间:" prop="badTime">
              <el-date-picker style="width: 100%" :disabled="disabled" v-model="form.badTime"
                              placeholder="请选择不良反应/事件发生时间" type="datetime" clearable format="yyyy-MM-dd HH:mm"
                              value-format="yyyy-MM-dd HH:mm"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label-width="267px" label="出现不良反应/事件距用药多长时间:" prop="useHours">
              <el-input :disabled="disabled" v-model="form.useHours" style="width: 50px"></el-input>
              小时
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-form-item prop="useMinute">
              <el-input :disabled="disabled" v-model="form.useMinute" style="width: 50px"></el-input>
              分
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item prop="useDays">
              （用药第
              <el-input :disabled="disabled" v-model="form.useDays" style="width: 50px"></el-input>
              天）
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item label="出院后是否跟踪回访:" label-width="180px" prop="isTrack">
            <el-radio :disabled="disabled" v-model="form.isTrack" label="0">否</el-radio>
            <el-radio :disabled="disabled" v-model="form.isTrack" label="1">是</el-radio>
            <span>若选“是”，请详细填写回访经过及结果：</span>
            <el-input :disabled="disabled" v-model="form.trackResult" style="margin-bottom: 10px" type="textarea"
                      rows="3"
            ></el-input>
            不良反应/事件转归时间
            <el-date-picker style="width: 30%" :disabled="disabled" v-model="form.turnoverDate" type="datetime"
                            clearable format="yyyy-MM-dd HH:mm" placeholder="请选择不良反应/事件转归时间"
                            value-format="yyyy-MM-dd HH:mm"
            ></el-date-picker>
            （不良反应发生后第
            <el-input :disabled="disabled" v-model="form.turnoverDays"
                      style="width: 50px"
            ></el-input>
            天）（若出院前没有转归请出院后继续跟踪回访至转归）
          </el-form-item>
        </el-row>
      </div>
      <div class="border">
        <h4>不良反应/事件过程描述（包括表现、临床检验等）及处理情况</h4>
        <el-form-item label-width="60px" label="表现" prop="badShow">
          <el-checkbox-group :disabled="disabled" v-model="form.badShow">
            <el-checkbox v-for="item in symptoms" :key="item" :label="item"></el-checkbox>
          </el-checkbox-group>
          <el-input :disabled="disabled" style="width: 500px" v-model="form.badShowOther"
                    v-show="form.badShow ? form.badShow.indexOf('其他') != -1 : ''"
          ></el-input>
        </el-form-item>
        <el-form-item label-width="220px" label="临床检验（主要异常指标）" prop="isClinicalExamination">
          <el-radio :disabled="disabled" v-model="form.isClinicalExamination" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isClinicalExamination" label="1">是</el-radio>
          <el-input v-show="form.isClinicalExamination == 1" :disabled="disabled" v-model="form.clinicalExamination"
                    style="width: 550px"
          ></el-input>
        </el-form-item>
        <el-form-item label-width="60px" label="处理" prop="dispose">
          <el-radio :disabled="disabled" label="0" v-model="form.dispose">停药</el-radio>
          <el-radio :disabled="disabled" label="1" v-model="form.dispose">降低滴速</el-radio>
          <el-radio :disabled="disabled" label="2" v-model="form.dispose">减量使用</el-radio>
          <el-radio :disabled="disabled" label="3" v-model="form.dispose">继续使用</el-radio>
          <el-radio :disabled="disabled" label="4" v-model="form.dispose">其他
            <el-input :disabled="disabled"
                      v-model="form.disposeOther" style="width: 550px" v-show="form.dispose == 4"
            ></el-input>
          </el-radio>
        </el-form-item>
        <el-form-item label-width="100px" label="用药处理" prop="isPillsDispose">
          <el-radio label="0" :disabled="disabled" v-model="form.isPillsDispose">否</el-radio>
          <el-radio label="1" :disabled="disabled" v-model="form.isPillsDispose">是</el-radio>
          （若“是”请选择，可多选）
          <el-checkbox-group :disabled="disabled" v-show="form.isPillsDispose == 1" v-model="form.pillsDispose">
            <el-checkbox label="1">地塞米松</el-checkbox>
            <el-checkbox label="2">肾上腺素</el-checkbox>
            <el-checkbox label="3">异丙嗪</el-checkbox>
            <el-checkbox label="4">吸氧</el-checkbox>
            <el-checkbox label="5" v-model="value">其他
              <el-input v-model="form.pillsDisposeOther"
                        v-show="form.badShow ? form.badShow.indexOf('其他') != -1 : ''"
                        style="width: 550px"
              ></el-input>
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
      </div>

      <div class="border">
        <h4>药品使用条件</h4>
        <el-form-item label-width="100px" label="使用方式" prop="useType">
          <el-radio :disabled="disabled" label="1" v-model="form.useType">静滴</el-radio>
          <el-radio :disabled="disabled" label="2" v-model="form.useType">静注</el-radio>
          <el-radio :disabled="disabled" label="3" v-model="form.useType">肌内注射</el-radio>
          <el-radio :disabled="disabled" label="4" v-model="form.useType">理疗</el-radio>
          <el-radio :disabled="disabled" label="5" v-model="form.useType">其他
            <el-input style="width: 550px"
                      v-model="form.useTypeOther" v-show="form.useType == 5"
            ></el-input>
          </el-radio>
        </el-form-item>
        <div style="display: flex">
          <el-form-item style="width: 15%" label-width="100px" label="药物剂量" prop="pillsAmount">
            <el-input :disabled="disabled" v-model="form.pillsAmount" style="width: 50px"></el-input>
            ml
          </el-form-item>
          <el-form-item style="width: 40%" label-width="100px" label="溶媒用量" prop="menstruumAmount">
            <el-input :disabled="disabled" v-model="form.menstruumAmount" style="width: 50px">分 （用药第</el-input>
            ml
          </el-form-item>
        </div>

        <el-form-item label-width="80px" label="溶媒" prop="menstruumType">
          <el-radio :disabled="disabled" label="1" v-model="form.menstruumType">5%葡萄糖注射液</el-radio>
          <el-radio :disabled="disabled" label="2" v-model="form.menstruumType">10%葡萄糖注射液</el-radio>
          <el-radio :disabled="disabled" label="3" v-model="form.menstruumType">0.9%氯化钠注射液</el-radio>
          <el-radio :disabled="disabled" label="4" v-model="form.menstruumType">注射用水</el-radio>
          <el-radio :disabled="disabled" label="5" v-model="form.menstruumType">其他
            <el-input :disabled="disabled"
                      style="width: 550px" v-model="form.menstruumTypeOther"
                      v-show="form.menstruumType == 5"
            ></el-input>
          </el-radio>
        </el-form-item>
        <el-row :gutter="20">
          <el-col :span="3">
            <el-form-item label-width="100px" label="注射室温" prop="indoorTemperature">
              <el-input :disabled="disabled" v-model="form.indoorTemperature" style="width: 50px"></el-input>
              ℃
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label-width="120px" label="配液放置时间" prop="placeTime">
              <el-input :disabled="disabled" v-model="form.placeTime" style="width: 50px"></el-input>
              分钟
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label-width="80px" label="滴速" prop="drippingSpeed">
              <el-input :disabled="disabled" v-model="form.drippingSpeed" style="width: 50px"></el-input>
              滴/分钟
            </el-form-item>
          </el-col>
        </el-row>

        <el-form-item label-width="250px" label="是否与其它药物配制使用" prop="isCompoundUse">
          <el-radio :disabled="disabled" v-model="form.isCompoundUse" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isCompoundUse" label="1">是
            <el-input :disabled="disabled" v-show="form.isCompoundUse == 1"
                      v-model="form.isCompoundUsePills"
            ></el-input>
          </el-radio>
        </el-form-item>
        <el-form-item label-width="250px" label="注射前 是否连续使用其它注射剂" prop="isCountineUseBefore">
          <el-radio :disabled="disabled" v-model="form.isCountineUseBefore" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isCountineUseBefore" label="1">是
            <el-input :disabled="disabled" v-show="form.isCountineUseBefore == 1"
                      v-model="form.isCountineUseBeforeInjection"
            ></el-input>
          </el-radio>
        </el-form-item>
        <el-form-item label-width="250px" label="注射后 是否连续使用其它注射剂" prop="isCountineUseAfter">
          <el-radio :disabled="disabled" v-model="form.isCountineUseAfter" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isCountineUseAfter" label="1">是
            <el-input :disabled="disabled" v-show="form.isCountineUseAfter == 1"
                      v-model="form.isCountineUseAfterInjection"
            ></el-input>
          </el-radio>
        </el-form-item>
        <el-form-item label-width="410px" label="注射期间 是否同时使用其它注射剂（不同通路同时静点）" prop="isCountineUseUnderway">
          <el-radio :disabled="disabled" v-model="form.isCountineUseUnderway" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isCountineUseUnderway" label="1">是
            <el-input :disabled="disabled" v-show="form.isCountineUseUnderway == 1"
                      v-model="form.isCountineUseUnderwayInjection"
            ></el-input>
          </el-radio>
        </el-form-item>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label-width="80px" label="注射前" prop="injectionBefore">
              <el-radio :disabled="disabled" v-model="form.injectionBefore" label="0">未冲管</el-radio>
              <el-radio :disabled="disabled" v-model="form.injectionBefore" label="1">冲管
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.injectionBefore" label="2">更换输液器
              </el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="80px" label="注射后" prop="injectionAfter">
              <el-radio :disabled="disabled" v-model="form.injectionAfter" label="0">未冲管</el-radio>
              <el-radio :disabled="disabled" v-model="form.injectionAfter" label="1">冲管
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.injectionAfter" label="2">更换输液器
              </el-radio>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label-width="250px" label="注射期间注射部位辅助治疗措施" prop="injectionMeasure">
          <el-radio :disabled="disabled" v-model="form.injectionMeasure" label="1">无
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.injectionMeasure" label="2">热敷
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.injectionMeasure" label="3">冷敷
          </el-radio>
        </el-form-item>
        <el-form-item label-width="150px" label="注射期间是否进食" prop="isInjectionEat">
          <el-radio :disabled="disabled" v-model="form.isInjectionEat" label="0">是
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.isInjectionEat" label="1">否
          </el-radio>
        </el-form-item>
        <div style="display: flex">
          <div style="margin-top: 6px">食物或成份：</div>
          <div style="display: flex; flex-wrap: wrap">
            <el-form-item style="width: 210px" label="海鲜" prop="isSeafood">
              <el-radio style="margin-left: 10px" :disabled="disabled" v-model="form.isSeafood" label="0">是
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.isSeafood" label="1">否
              </el-radio>
            </el-form-item>
            <el-form-item style="width: 210px" label="鸡蛋" prop="isEgg">
              <el-radio style="margin-left: 10px" :disabled="disabled" v-model="form.isEgg" label="0">是
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.isEgg" label="1">否
              </el-radio>
            </el-form-item>
            <el-form-item style="width: 210px" label="花粉" prop="isDust">
              <el-radio style="margin-left: 10px" :disabled="disabled" v-model="form.isDust" label="0">是
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.isDust" label="1">否
              </el-radio>
            </el-form-item>
            <el-form-item style="width: 210px" label="酒精" prop="isAlcohol">
              <el-radio style="margin-left: 10px" :disabled="disabled" v-model="form.isAlcohol" label="0">是
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.isAlcohol" label="1">否
              </el-radio>
            </el-form-item>
            <el-form-item style="display: flex; align-items: center" label="其他" prop="isFoodOther">
              <el-radio style="margin-left: 10px" :disabled="disabled" v-model="form.isFoodOther" label="0">是
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.isFoodOther" label="1">否
              </el-radio>
              <el-input v-show="form.isFoodOther == 0" :disabled="disabled" style="width: 50%"
                        v-model="form.foodOther"
              ></el-input>
            </el-form-item>
          </div>
        </div>
        <el-form-item label-width="160px" label="注射期间是否服药" prop="isTakePills">
          <el-radio :disabled="disabled" v-model="form.isTakePills" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isTakePills" label="1">是
            <el-input :disabled="disabled" v-show="form.isTakePills == 1" v-model="form.takePillsName"></el-input>
          </el-radio>
        </el-form-item>
      </div>
      <div class="border">
        <el-form-item label-width="180px" label="不良反应/事件的结果" prop="badResult">
          <el-radio :disabled="disabled" v-model="form.badResult" label="0">痊愈</el-radio>
          <el-radio :disabled="disabled" v-model="form.badResult" label="1">好转</el-radio>
          <el-radio :disabled="disabled" v-model="form.badResult" label="2">未好转</el-radio>
          <el-radio :disabled="disabled" v-model="form.badResult" label="3">不详</el-radio>
          <el-radio :disabled="disabled" v-model="form.badResult" label="4">有后遗症表现
            <el-input :disabled="disabled" v-show="form.badResult == 4" v-model="form.sequelaeManifestation"></el-input>
          </el-radio>
          <br/>
          <div style="display: flex; width: 100%; align-items: center">
            <el-radio style="display: inline-block" v-model="form.badResult" label="5">死亡</el-radio>
            <div style="display: flex; width: 70%" v-show="form.badResult == 5">
              <el-form-item style="width: 40%" label-width="120px" label="直接死因:">
                <el-input :disabled="disabled" v-model="form.dieReason" style="width: 300px"></el-input>
              </el-form-item>
              <el-form-item style="width: 40%" label-width="120px" label="死亡时间:">
                <el-date-picker :disabled="disabled" v-model="form.dieDate" type="datetime" clearable
                                format="yyyy-MM-dd HH:mm" placeholder="请选择死亡时间" value-format="yyyy-MM-dd HH:mm"
                ></el-date-picker>
              </el-form-item>
            </div>
          </div>
        </el-form-item>
        <el-form-item label-width="auto" label="停药或减量后，反应/事件是否消失或减轻？" prop="disappearedOrRelieve">
          <el-radio :disabled="disabled" v-model="form.disappearedOrRelieve" label="1">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.disappearedOrRelieve" label="0">是
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.disappearedOrRelieve" label="2">不明</el-radio>
          <el-radio :disabled="disabled" v-model="form.disappearedOrRelieve" label="3">未停药或未减量</el-radio>
          <!-- <el-radio :disabled="disabled" v-model="form.disappearedOrRelieve" label="4">未再使用</el-radio> -->
        </el-form-item>
        <el-form-item label-width="auto" label="再次使用可疑药品后是否再次出现同样反应/事件？" prop="againShow">
          <el-radio :disabled="disabled" v-model="form.againShow" label="1">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.againShow" label="0">是
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.againShow" label="2">不明</el-radio>
          <el-radio :disabled="disabled" v-model="form.againShow" label="3">未再使用</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="对原患疾病的影响:" prop="toOriginalAffect">
          <el-radio :disabled="disabled" v-model="form.toOriginalAffect" label="0">不明显
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.toOriginalAffect" label="1">病程延长</el-radio>
          <el-radio :disabled="disabled" v-model="form.toOriginalAffect" label="2">病情加重</el-radio>
          <el-radio :disabled="disabled" v-model="form.toOriginalAffect" label="3">导致后遗症 表现
            <el-input
              :disabled="disabled" v-show="form.toOriginalAffect == 3" v-model="form.sequela"
              style="width: 200px"
            ></el-input>
          </el-radio>
          <el-radio :disabled="disabled" v-model="form.toOriginalAffect" label="4">导致死亡</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="文字详细描述不良反应/事件发生发展过程：">
          <br/>
          <div>
            患者于
            <el-date-picker style="margin-left: 10px" :disabled="disabled" v-model="form.happenTime"
                            placeholder="请选择开始时间" type="datetime" clearable format="yyyy-MM-dd HH:mm"
                            value-format="yyyy-MM-dd HH:mm"
            ></el-date-picker>
            使用
            <el-input :disabled="disabled" v-model="form.useMedicine" placeholder="(药品名称、用法用量)、(如果多种药物同时使用，必须提供药物使用的顺序)"
                      style="width: 500px; margin-bottom: 10px; margin-left: 10px"
            ></el-input>
            ，
            <el-input :disabled="disabled" v-model="form.useTime" style="width: 70px; margin-left: 10px"></el-input>
            分钟(或小时)后出现
            <el-input v-model="form.developSymptoms" style="width: 250px; margin-left: 10px"
                      placeholder="ADR/ADE临床表现、症状、体征"
            ></el-input>
            症状，
          </div>
          <div style="margin-top: 10px">
            检验、检查
            <el-input style="margin-left: 10px; width: 550px" :disabled="disabled" v-model="form.checkSomething"
                      placeholder="(如生命体征、肝肾功能、血常规检测、血气分析、血脂分析等异常值)"
            ></el-input>
            ，不良反应出现之前该项检验、检查值
            <el-input :disabled="disabled" v-model="form.checkValue"
                      style="width: 300px; margin-bottom: 10px; margin-left: 10px"
            ></el-input>
            。
          </div>
          <el-form-item label="处理措施：" prop="handleStep">
            <br/>
            <el-row :gutter="20">
              <el-col :span="1.5">
                <el-radio :disabled="disabled" label="0" v-model="form.handleStep">1.停用可疑药品
                </el-radio>
              </el-col>
              <el-col :span="21">
                <el-input type="textarea" :rows="2" :disabled="disabled" v-model="form.otherMeasures"
                          v-show="form.handleStep == 0" placeholder="(是否采取其他措施，多久缓解)"
                ></el-input>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="1.5">
                <el-radio :disabled="disabled" label="1" v-model="form.handleStep">2.减量
                </el-radio>
              </el-col>
              <el-col :span="21">
                <el-input type="textarea" :rows="2" :disabled="disabled" v-model="form.decrementOtherMeasures"
                          v-show="form.handleStep == 1" placeholder="(是否采取其他 措施，多久缓解)"
                ></el-input>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="1.5">
                <el-radio :disabled="disabled" label="2" v-model="form.handleStep">3.未停药</el-radio>
              </el-col>
              <el-col :span="21">
                <el-input type="textarea" :rows="2" :disabled="disabled" v-model="form.noOtherMeasures"
                          v-show="form.handleStep == 2" placeholder="(是否采取其他 措施，多久缓解)"
                ></el-input>
              </el-col>
            </el-row>
          </el-form-item>
          <h4>再次使用情况描述</h4>
          <el-form-item label="是否再次使用：" prop="reuse">
            <el-radio :disabled="disabled" v-model="form.reuse" label="1">否</el-radio>
            <el-radio :disabled="disabled" v-model="form.reuse" label="0">是</el-radio>
          </el-form-item>
          <div v-show="form.reuse == 0">
            于
            <el-date-picker :disabled="disabled" v-model="form.reuseUseTime" placeholder="请选择开始时间" type="datetime"
                            value-format="yyyy-MM-dd HH:mm" clearable format="yyyy-MM-dd HH:mm"
            ></el-date-picker>
            再次使用
            <el-input :disabled="disabled" v-model="form.reuseUseMedicine"
                      placeholder="(药品名称、用法用量)、(如果多种药物同时使用，必须提供药物使用的顺序)"
                      style="width: 80%; margin-bottom: 10px"
            ></el-input>
            ，
            <el-input :disabled="disabled"
                      v-model="form.reuseDuration" style="width: 70px; margin-bottom: 10px"
            ></el-input>
            分钟(或小时)后出现
            <el-input :disabled="disabled" v-model="form.reuseDevelopSymptoms" placeholder="(药品不良反应事件临床表现、症状、体征)"
                      style="width: 83%; margin-bottom: 10px"
            ></el-input>
            反应，
            <el-input :disabled="disabled" type="textarea" :rows="2"
                      v-model="form.reuseHandle" placeholder=" (如何处理、是否缓解)" style="width: 98%; margin-bottom: 10px"
            ></el-input>
            。
          </div>
        </el-form-item>
      </div>
      <div class="border">
        <h4>关联性评价</h4>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label-width="auto" label="报告人:">
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="0">肯定
              </el-radio>
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="1">很可能</el-radio>
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="2">可能</el-radio>
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="3">可能无关</el-radio>
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="4">待评价</el-radio>
              <el-radio :disabled="disabled" v-model="form.relationReportPerson" label="5">无法评价</el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="auto" label="监测员签名：">
              <el-input :disabled="role.indexOf('monitor') == -1" v-model="form.relationInspectorSign"
                        style="width: 200px"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label-width="auto" label="报告单位:">
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept" label="0">肯定
              </el-radio>
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept"
                        label="1"
              >很可能
              </el-radio>
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept"
                        label="2"
              >可能
              </el-radio>
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept"
                        label="3"
              >可能无关
              </el-radio>
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept"
                        label="4"
              >待评价
              </el-radio>
              <el-radio :disabled="role.indexOf('quality2') == -1" v-model="form.relationReportDept"
                        label="5"
              >无法评价
              </el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="auto" label="质控员签名：">
              <el-input :disabled="role.indexOf('quality2') == -1" v-model="form.relationQualityControllerSign"
                        style="width: 200px"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
      <table style="width: 100%" width="200" height="50" align="center" border="1" cellspacing="0">
        <thead>
        <tr style="height: 50px">
          <th colspan="2">商品名称</th>
          <th>批准文号</th>
          <th style="width: 200px">通用名称 （含剂型）</th>
          <th>生产厂家</th>
          <th>批号</th>
          <th style="width: 200px">用法用量（次剂 量、途径、日次数）</th>
          <th>使用起止时间</th>
          <th>用药原因</th>
        </tr>
        </thead>
        <tfoot>
        <tr style="height: 50px">
          <th colspan="9">
            *
            请药师将联系电话号码留予病人，若病人有迟发不良反应与您联系，并请填写不良反应/事件表
          </th>
        </tr>
        </tfoot>
        <tbody>
        <tr>
          <td rowspan="15">怀疑药品</td>
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].goodsName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].authorizeNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].generalName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].productFactory"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].batchNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].usageAmount"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].beginEndDate"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[0].usePillsReason"></el-input>
          </td>
        </tr>
        <tr v-for="(item, index) in form.electronicBadRecordInfoVoList.slice(
            1,
            15
          )" :key="'goodsName' + index"
        >
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].goodsName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].authorizeNo
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].generalName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].productFactory
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].batchNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].usageAmount
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].beginEndDate
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 1].usePillsReason
                "
            ></el-input>
          </td>
        </tr>

        <tr>
          <td rowspan="6">溶媒</td>
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].goodsName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].authorizeNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].generalName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].productFactory"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].batchNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].usageAmount"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].beginEndDate"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[15].usePillsReason"></el-input>
          </td>
        </tr>
        <tr v-for="(item, index) in form.electronicBadRecordInfoVoList.slice(
            16,
            21
          )" :key="'authorizeNo' + index + 98"
        >
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].goodsName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].authorizeNo
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].generalName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].productFactory
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled"
                      v-model="form.electronicBadRecordInfoVoList[index + 16].batchNo"
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].usageAmount
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].beginEndDate
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 16].usePillsReason
                "
            ></el-input>
          </td>
        </tr>

        <tr>
          <td rowspan="5">输液器</td>
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].goodsName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].authorizeNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].generalName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].productFactory"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].batchNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].usageAmount"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].beginEndDate"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[21].usePillsReason"></el-input>
          </td>
        </tr>
        <tr v-for="(item, index) in form.electronicBadRecordInfoVoList.slice(
            22,
            26
          )" :key="'generalName' + index + 99"
        >
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].goodsName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].authorizeNo
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].generalName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].productFactory
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled"
                      v-model="form.electronicBadRecordInfoVoList[index + 22].batchNo"
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].usageAmount
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].beginEndDate
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 22].usePillsReason
                "
            ></el-input>
          </td>
        </tr>

        <tr>
          <td rowspan="45">并用药品</td>
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].goodsName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].authorizeNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].generalName"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].productFactory"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].batchNo"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].usageAmount"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].beginEndDate"></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[26].usePillsReason"></el-input>
          </td>
        </tr>
        <tr v-for="(item, index) in form.electronicBadRecordInfoVoList.slice(
            27,
            71
          )" :key="'productFactory' + index + 100"
        >
          <td style="width: 100px">
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].goodsName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].authorizeNo
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].generalName
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].productFactory
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled"
                      v-model="form.electronicBadRecordInfoVoList[index + 27].batchNo"
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].usageAmount
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].beginEndDate
                "
            ></el-input>
          </td>
          <td>
            <el-input :disabled="disabled" v-model="form.electronicBadRecordInfoVoList[index + 27].usePillsReason
                "
            ></el-input>
          </td>
        </tr>
        </tbody>
      </table>
      <div class="border" style="margin-top: 20px">
        <h4>◇不良反应/事件分析</h4>
        <el-form-item label-width="auto" label="①用药与不良反应/事件的出现有无合理的时间关系？" prop="relationTime">
          <el-radio :disabled="disabled" v-model="form.relationTime" label="0">无</el-radio>
          <el-radio :disabled="disabled" v-model="form.relationTime" label="1">有</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="②反应是否符合该药已知的不良反应类型？" prop="accordWithBadType">
          <el-radio :disabled="disabled" v-model="form.accordWithBadType" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.accordWithBadType" label="1">是</el-radio>
          <el-radio :disabled="disabled" v-model="form.accordWithBadType" label="2">不明</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="③停药或减量后，反应/事件是否消失或减轻？" prop="isDisappearedOrRelieve">
          <el-radio :disabled="disabled" v-model="form.isDisappearedOrRelieve" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isDisappearedOrRelieve" label="1">是</el-radio>
          <el-radio :disabled="disabled" v-model="form.isDisappearedOrRelieve" label="2">未停药或未减量</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="④再次使用可疑药品后是否再次出现同样反应/事件？" prop="isAgainShow">
          <el-radio :disabled="disabled" v-model="form.isAgainShow" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isAgainShow" label="1">是</el-radio>
          <el-radio :disabled="disabled" v-model="form.isAgainShow" label="2">不明</el-radio>
          <el-radio :disabled="disabled" v-model="form.isAgainShow" label="3">未再使用</el-radio>
        </el-form-item>
        <el-form-item label-width="auto" label="⑤反应/事件是否可用并用药的作用、患者病情的进展、其它治疗的影响来解释？" prop="isEffectOther">
          <el-radio :disabled="disabled" v-model="form.isEffectOther" label="0">否</el-radio>
          <el-radio :disabled="disabled" v-model="form.isEffectOther" label="1">是</el-radio>
          <el-radio :disabled="disabled" v-model="form.isEffectOther" label="2">不明</el-radio>
        </el-form-item>
        <!-- <h4>◇严重药品不良反应/事件是指有下列情形之一者：</h4> -->
        <el-form-item label-width="auto" label="◇严重药品不良反应/事件是指有下列情形之一者：">
          <br/>
          <el-checkbox-group :disabled="disabled" v-model="form.severityBadShow">
            <el-checkbox label="1">①导致死亡</el-checkbox>
            <br/>
            <el-checkbox label="2">②致畸、致出生缺陷</el-checkbox>
            <br/>
            <el-checkbox label="3">③永久或显著的功能丧失</el-checkbox>
            <br/>
            <el-checkbox label="4">④危及生命，指严重病人即刻存在死亡的风险</el-checkbox>
            <br/>
            <el-checkbox label="5">⑤导致住院或住院时间延长</el-checkbox>
            <br/>
            <el-checkbox label="6">⑥其他重要医学事件</el-checkbox>
            <br/>
          </el-checkbox-group>
        </el-form-item>
        <h4>附 1：新的药品不良反应</h4>
        <p>
          是指药品说明书中未载明的不良反应。说明书中已有描述，但不良反应发生的性质、程度、后果或者频率与说明书描述不一致或者更严重的，按照新的药品不良反应处理。
        </p>
        <h4>附 2：其它说明</h4>
        <p>怀疑药品：是指患者使用的怀疑与不良反应发生有关的药品。</p>
        <p>
          并用药品：指发生此药品不良反应时患者除怀疑药品外的其它用药情况，包括患者自行购买的药品或中草药等。
        </p>
        <p>
          用法用量：包括每次用药剂量、给药途径、每日给药次数，例如，5mg，口服，每日
          2 次。
        </p>
        <div style="
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-top: 20px;
          "
        >
          <div>
            <span>监测员签名：</span>
            <el-input style="width: 200px" :disabled="role.indexOf('monitor') == -1"
                      v-model="form.inspectorSign"
            ></el-input>
          </div>
          <div>
            <span>日期：</span>
            <el-date-picker placeholder="请选择日期" :disabled="role.indexOf('monitor') == -1" type="date" clearable
                            format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="form.inspectorDate"
            ></el-date-picker>
          </div>
          <div>
            <span>质控员签名：</span>
            <el-input style="width: 200px" :disabled="role.indexOf('quality2') == -1"
                      v-model="form.qualityControllerSign"
            ></el-input>
          </div>
          <div>
            <span>日期：</span>
            <el-date-picker placeholder="请选择日期" type="date" value-format="yyyy-MM-dd" clearable format="yyyy-MM-dd"
                            :disabled="role.indexOf('quality2') == -1" v-model="form.qualityControllerSignDate"
            ></el-date-picker>
          </div>
        </div>

        <div v-if="form.auditStatus == 0" style="margin: 10px auto; text-align: center">
          <div v-if="form.rejectReason">驳回原因：{{ form.rejectReason }}</div>
        </div>

        <div v-if="!$route.query.isLook" style="margin: 50px auto; text-align: center">
          <div v-if="role.indexOf('quality2') == -1">
            <el-button v-if="form.auditStatus != 1" @click="submitForm(0)" :disabled="disabled"
                       type="primary"
            >保存
            </el-button>
            <el-button v-if="form.auditStatus != 1" :disabled="disabled" type="success" style="margin-left: 50px"
                       @click="submitForm(1)"
            >提交
            </el-button>
          </div>

          <div v-if="role.indexOf('quality2') != -1 && form.submitStatus != 0">
            <el-button v-if="form.auditStatus != 1" style="margin-left: 50px" type="success"
                       @click="submitForm(null, '1')"
            >通过
            </el-button>
            <el-button v-if="form.auditStatus != 1" style="margin-left: 50px" type="danger"
                       @click="handleRefuse"
            >驳回
            </el-button>
          </div>
        </div>
      </div>
    </el-form>
    <!-- 审核驳回弹窗 -->
    <el-dialog title="驳回" :visible.sync="refuse" width="50%">
      <div style="margin: 10px 0">驳回原因：</div>
      <el-input v-model="refuseReason.reason" type="textarea"></el-input>
      <!-- 底部操作区域 -->
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancleRefuse">取 消</el-button>
        <el-button type="primary" @click="submitRefuse">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import {
  getBBBBmonitorOneInfo,
  addBBBBmonitorOneInfo,
  existBBBBBB,
  getManagerInfoB,
  monitorTwoInfoIDBBB,
  rejectBBBB
} from '@/api/workstation/managerInfo'

export default {
  name: 'AuditFlowStream',
  dicts: ['adverse_reaction'],
  data() {
    // 年龄校验
    let patter = /^\d{5}$/
    let isNumber = (rule, value, callback) => {
      if (!patter.test(value)) {
        return callback(new Error('请输入5位数字~'))
      } else {
        callback()
      }
    }
    return {
      errormsg1: '',
      // 表单校验
      rules: {
        originalIllness: [
          { required: true, message: '请输入原患病史', trigger: 'blur' }
        ],
        patientName: [
          { required: true, message: '请输入患者姓名', trigger: 'blur' }
        ],
        inputFormDate: [
          { required: true, message: '请选择入组日期', trigger: 'change' }
        ],
        badTime: [
          {
            required: true,
            message: '请选择不良反应/事件发生时间',
            trigger: 'change'
          }
        ],
        turnoverDate: [
          {
            required: true,
            message: '请选择不良反应/事件转归时间',
            trigger: 'change'
          }
        ],
        reportDate: [
          { required: true, message: '请选择报告时间', trigger: 'change' }
        ],
        birthdate: [
          { required: true, message: '请选择出生日期', trigger: 'change' }
        ],
        badType: [{ required: true, message: '请选择', trigger: 'change' }],
        patientSex: [
          { required: true, message: '请选择性别', trigger: 'change' }
        ],
        pillsBadBefore: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        relationFamily: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        relationInfo: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isTrack: [{ required: true, message: '请选择', trigger: 'change' }],
        badName: [{ required: true, message: '请选择', trigger: 'change' }],
        badShow: [{ required: true, message: '请选择', trigger: 'change' }],
        dispose: [{ required: true, message: '请选择', trigger: 'change' }],
        isPillsDispose: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        pillsDispose: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        useType: [{ required: true, message: '请选择', trigger: 'change' }],
        menstruumType: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isCompoundUse: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isCountineUseBefore: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isCountineUseAfter: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isCountineUseUnderway: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        injectionBefore: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        injectionAfter: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        injectionMeasure: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isInjectionEat: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isSeafood: [{ required: true, message: '请选择', trigger: 'change' }],
        isDust: [{ required: true, message: '请选择', trigger: 'change' }],
        isAlcohol: [{ required: true, message: '请选择', trigger: 'change' }],
        isFoodOther: [{ required: true, message: '请选择', trigger: 'change' }],
        isTakePills: [{ required: true, message: '请选择', trigger: 'change' }],
        badResult: [{ required: true, message: '请选择', trigger: 'change' }],
        disappearedOrRelieve: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        againShow: [{ required: true, message: '请选择', trigger: 'change' }],
        toOriginalAffect: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        drugWithdrawal: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        decrement: [{ required: true, message: '请选择', trigger: 'change' }],
        drugOn: [{ required: true, message: '请选择', trigger: 'change' }],
        handleStep: [{ required: true, message: '请选择', trigger: 'change' }],
        reuse: [{ required: true, message: '请选择', trigger: 'change' }],
        relationReportPerson: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        relationReportDept: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        relationTime: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        accordWithBadType: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isDisappearedOrRelieve: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        isAgainShow: [{ required: true, message: '请选择', trigger: 'change' }],
        isEffectOther: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        // severityBadShow: [{ required: true, message: "请选择", trigger: "change" }],
        isEgg: [{ required: true, message: '请选择', trigger: 'change' }],
        reuseUseTime: [
          { required: true, message: '请选择再次使用时间', trigger: 'change' }
        ],
        pillsBadFamily: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        happenTime: [
          { required: true, message: '请选择（发生时间）', trigger: 'change' }
        ],
        useMedicine: [
          { required: true, message: '请输入药物名称', trigger: 'blur' }
        ],
        useTime: [
          {
            required: true,
            message: '请输入用药多长时间后出现症状',
            trigger: 'blur'
          }
        ],
        developSymptoms: [
          { required: true, message: '请输入出现症状', trigger: 'blur' }
        ],
        useHours: [
          { required: true, message: '请输入用药小时', trigger: 'blur' }
        ],
        useMinute: [
          { required: true, message: '请输入用药分钟', trigger: 'blur' }
        ],
        useDays: [
          { required: true, message: '请输入用药天数', trigger: 'blur' }
        ],
        turnoverDays: [
          {
            required: true,
            message: '请输入不良反应发生在哪天',
            trigger: 'blur'
          }
        ],
        isClinicalExamination: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        pillsAmount: [
          { required: true, message: '请输入药物剂量', trigger: 'blur' }
        ],
        menstruumAmount: [
          { required: true, message: '请输入溶媒用量', trigger: 'blur' }
        ],
        indoorTemperature: [
          { required: true, message: '请输入室温', trigger: 'blur' }
        ],
        placeTime: [
          { required: true, message: '请输入配液放置时间', trigger: 'blur' }
        ],
        drippingSpeed: [
          { required: true, message: '请输入滴速', trigger: 'blur' }
        ],
        checkSomething: [
          {
            required: true,
            message: '请输入检查某项指标(如生命体征等)',
            trigger: 'blur'
          }
        ],
        checkValue: [
          { required: true, message: '请输入检查值）', trigger: 'blur' }
        ],
        reuseUseMedicine: [
          {
            required: true,
            message: '请输入再次使用药品名称、用法、用量等）',
            trigger: 'blur'
          }
        ],
        reuseDuration: [
          { required: true, message: '请输入再次使用时长）', trigger: 'blur' }
        ],
        reuseDevelopSymptoms: [
          {
            required: true,
            message: '请输入再次使用出现症状）',
            trigger: 'blur'
          }
        ],
        reuseHandle: [
          {
            required: true,
            message: '请输入再次使用后处理方式 ',
            trigger: 'blur'
          }
        ],
        nation: [{ required: true, message: '请输入民族', trigger: 'blur' }],
        phoneNo: [
          { required: true, message: '请输入联系方式', trigger: 'blur' }
        ]
      },
      refuse: false,
      refuseReason: {},
      value: '',
      form: {
        badShow: [],
        pillsDispose: [],
        severityBadShow: [],
        //初始化electronicBadRecordInfoBoList
        electronicBadRecordInfoVoList: Array.from({ length: 71 }, () => ({
          goodsName: undefined,
          authorizeNo: undefined,
          generalName: undefined,
          productFactory: undefined,
          batchNo: undefined,
          usageAmount: undefined,
          beginEndDate: undefined,
          usePillsReason: undefined
        }))
      },
      checkList: [],
      symptoms: [
        '皮疹',
        '斑丘疹',
        '剥脱性皮炎',
        '荨麻疹',
        '瘙痒',
        '血管神经性水肿',
        '多汗',
        '寒战',
        '头痛',
        '过敏样反应',
        '发热',
        '过敏性休克',
        '水肿',
        '眶周水肿',
        '喉水肿',
        '头晕',
        '抽搐',
        '局部麻木',
        '震颤',
        '失眠',
        '憋气',
        '口干',
        '腹痛',
        '恶心',
        '呕吐',
        '胃肠胀气',
        '腹泻',
        '非特异性食欲异常',
        '便秘',
        '大便变色',
        '哮喘',
        '呼吸困难',
        '咳嗽',
        '呼吸兴奋',
        '关节痛',
        '肌痛',
        '潮红',
        '心悸',
        '心脏停搏',
        '高血压',
        '低血压',
        '紫绀',
        '牙龈出血',
        '颅内出血',
        '静脉炎',
        '皮下出血',
        '血尿',
        '眼出血',
        '结膜出血',
        '紫癜',
        '排尿困难',
        '面部水肿',
        '低血钾',
        '肝功能异常',
        '其他'
      ],
      isHaveData: false,
      disabled: false,
      medicalRecodeNo: '',
      ID: ''
    }
  },
  computed: {
    role() {
      return this.$store.state.user.roles
    },
    useInfo() {
      return this.$store.state.user.user
    }
  },
  created() {
  },
  methods: {
    validateMonitorRecordNo() {
    },
    //驳回
    handleRefuse() {
      this.refuse = true
      this.refuseReason.id = this.form.id
    },
    cancleRefuse() {
      this.refuseReason = {}
      this.refuse = false
    },
    submitRefuse() {
      this.form.rejectReason = this.refuseReason.reason
      this.form.electronicBadRecordInfoBoList =
        this.form.electronicBadRecordInfoVoList || []
      this.form.medicalRecordNo = this.form.medicalRecordNo
        ? this.form.medicalRecordNo
        : this.$route.query.medicalRecordNo
      this.form.badShow = Array.isArray(this.form.badShow)
        ? this.form.badShow.join(',')
        : ''
      this.form.pillsDispose = Array.isArray(this.form.pillsDispose)
        ? this.form.pillsDispose.join(',')
        : ''
      this.form.severityBadShow = Array.isArray(this.form.severityBadShow)
        ? this.form.severityBadShow.join(',')
        : ''
      this.form.relationInfo = Array.isArray(this.form.relationInfo)
        ? this.form.relationInfo.join(',')
        : ''
      this.form.relationFamily = Array.isArray(this.form.relationFamily)
        ? this.form.relationFamily.join(',')
        : ''
      rejectBBBB(this.form).then((res) => {
        this.$modal.msgSuccess('驳回成功')
        this.cancleRefuse()
      })
    },
    quchong(allergyShow) {
      // 使用逗号分割字符串，并过滤空字符串
      const array = allergyShow.split(',').filter((item) => item.trim() !== '')
      // 使用 Set 数据结构进行去重
      const uniqueArray = [...new Set(array)]
      return uniqueArray
    },
    getList(id, medicalRecordNo, isLook) {
      if (id) {
        this.ID = id
        getManagerInfoB(id).then(async({ data }) => {
          if (isLook) {
            this.disabled = true
            this.isHaveData = true
          } else {
            // 判断是否禁用流水号框
            if (data.monitorRecordNo) {
              this.isHaveData = true
            } else {
              if (this.role.includes('quality2')) {
                this.isHaveData = false
              } else {
                this.isHaveData = true
              }
            }
          }
          await this.handleData(data)
          data.medicalRecordNo = data.medicalRecordNo
            ? data.medicalRecordNo
            : medicalRecordNo
          this.form = data
          this.updateElectronicBadRecordInfo(this.form)
        })
      } else if (this.$route.query.bId) {
        // 这里是从B表管理跳转过来的
        monitorTwoInfoIDBBB(this.$route.query.bId).then(async({ data }) => {
          // 判断是否禁用流水号框
          if (data.monitorRecordNo) {
            this.isHaveData = true
          } else {
            if (this.role.includes('quality2')) {
              this.isHaveData = false
            } else {
              this.isHaveData = true
            }
          }
          this.disabled = this.role.indexOf('quality2') != '-1' ? true : false
          await this.handleData(data)
          this.form = data
          if (!this.form.medicalRecordNo) {
            this.form.medicalRecordNo =
              this.$route.query.medicalRecordNo || medicalRecordNo
          }
          this.updateElectronicBadRecordInfo(this.form)
        })
      } else {
        if (!this.medicalRecordNo) {
          this.medicalRecordNo = this.$route.query.medicalRecordNo || medicalRecordNo
        }
        getBBBBmonitorOneInfo(
          this.medicalRecordNo
        ).then(async({ data }) => {
          // 判断是否禁用流水号框
          if (data.monitorRecordNo) {
            this.isHaveData = true
          } else {
            if (this.role.includes('quality2')) {
              this.isHaveData = false
            } else {
              this.isHaveData = true
            }
          }
          this.disabled = this.role.indexOf('quality2') != '-1' ? true : false
          await this.handleData(data)
          this.form = data
          if (!this.form.medicalRecordNo) {
            this.form.medicalRecordNo =
              this.$route.query.medicalRecordNo || medicalRecordNo
          }
          this.updateElectronicBadRecordInfo(this.form)
        })
      }
    },
    updateElectronicBadRecordInfo(form) {
      if (
        form.electronicBadRecordInfoVoList &&
        form.electronicBadRecordInfoVoList.length < 21
      ) {
        const createObjectArray = (length) =>
          Array.from({ length }, () => ({
            goodsName: undefined,
            authorizeNo: undefined,
            generalName: undefined,
            productFactory: undefined,
            batchNo: undefined,
            usageAmount: undefined,
            beginEndDate: undefined,
            usePillsReason: undefined
          }))

        const obj10 = createObjectArray(10)
        const obj3 = createObjectArray(3)
        const obj35 = createObjectArray(35)

        const insertAt = (index, items) => {
          if (index <= form.electronicBadRecordInfoVoList.length) {
            form.electronicBadRecordInfoVoList.splice(index, 0, ...items)
          }
        }

        // 记录需要插入的内容及其位置
        const insertions = [
          { index: 19, items: obj35 },
          { index: 9, items: obj3 },
          { index: 7, items: obj3 },
          { index: 4, items: obj10 }
        ]

        // 从后向前插入
        insertions.forEach(({ index, items }) => {
          insertAt(index, items)
        })
      } else if (
        form.electronicBadRecordInfoVoList &&
        form.electronicBadRecordInfoVoList.length >= 21 &&
        form.electronicBadRecordInfoVoList.length < 51
      ) {
        let arr = Array.from({ length: 20 }, () => ({
          goodsName: undefined,
          authorizeNo: undefined,
          generalName: undefined,
          productFactory: undefined,
          batchNo: undefined,
          usageAmount: undefined,
          beginEndDate: undefined,
          usePillsReason: undefined
        }))
        form.electronicBadRecordInfoVoList.splice(51, 0, ...arr)
      } else if (
        form.electronicBadRecordInfoVoList &&
        form.electronicBadRecordInfoVoList.length >= 51 &&
        form.electronicBadRecordInfoVoList.length < 72
      ) {
        form.electronicBadRecordInfoVoList = form.electronicBadRecordInfoVoList
      } else {
        // 长度大于71
        form.electronicBadRecordInfoVoList = Array.from({ length: 71 }, () => ({
          goodsName: undefined,
          authorizeNo: undefined,
          generalName: undefined,
          productFactory: undefined,
          batchNo: undefined,
          usageAmount: undefined,
          beginEndDate: undefined,
          usePillsReason: undefined
        }))
      }
    },
    handleData(data) {
      data.qualityControllerSign = data.qualityControllerSign
        ? data.qualityControllerSign
        : this.role.indexOf('quality2') !== -1
          ? this.useInfo.nickName
          : '' // 质控员
      data.relationQualityControllerSign = data.relationQualityControllerSign
        ? data.relationQualityControllerSign
        : this.role.indexOf('quality2') !== -1
          ? this.useInfo.nickName
          : '' // 质控员
      data.inspectorSign = data.inspectorSign
        ? data.inspectorSign
        : this.role.indexOf('monitor') !== -1
          ? this.useInfo.nickName
          : '' // 监测员
      data.relationInspectorSign = data.relationInspectorSign
        ? data.relationInspectorSign
        : this.role.indexOf('monitor') !== -1
          ? this.useInfo.nickName
          : '' // 监测员
      data.pillsBadBefore = data.pillsBadBefore ? data.pillsBadBefore : '0'
      data.isTrack = data.isTrack ? data.isTrack : '0'
      data.isFoodOther = data.isFoodOther ? data.isFoodOther : '1'
      data.isCompoundUse = data.isCompoundUse ? data.isCompoundUse : '0'
      data.isCountineUseBefore = data.isCountineUseBefore
        ? data.isCountineUseBefore
        : '0'
      data.isCountineUseAfter = data.isCountineUseAfter
        ? data.isCountineUseAfter
        : '0'
      data.isCountineUseUnderway = data.isCountineUseUnderway
        ? data.isCountineUseUnderway
        : '0'
      data.pillsBadFamily = data.pillsBadFamily ? data.pillsBadFamily : '0'
      data.isPillsDispose = data.isPillsDispose ? data.isPillsDispose : '0'
      data.injectionMeasure = data.injectionMeasure
        ? data.injectionMeasure
        : '1'
      data.isInjectionEat = data.isInjectionEat ? data.isInjectionEat : '1'
      data.isSeafood = data.isSeafood ? data.isSeafood : '1'
      data.isEgg = data.isEgg ? data.isEgg : '1'
      data.isDust = data.isDust ? data.isDust : '1'
      data.isAlcohol = data.isAlcohol ? data.isAlcohol : '1'
      data.isTakePills = data.isTakePills ? data.isTakePills : '0'
      data.relationTime = data.relationTime ? data.relationTime : '0'
      data.accordWithBadType = data.accordWithBadType
        ? data.accordWithBadType
        : '0'
      data.isDisappearedOrRelieve = data.isDisappearedOrRelieve
        ? data.isDisappearedOrRelieve
        : '0'
      data.isAgainShow = data.isAgainShow ? data.isAgainShow : '0'
      data.isEffectOther = data.isEffectOther ? data.isEffectOther : '0'
      data.isClinicalExamination = data.isClinicalExamination
        ? data.isClinicalExamination
        : '0'
      data.relationInfo = data.relationInfo
        ? this.quchong(data.relationInfo)
        : []
      data.badShow = data.badShow ? this.quchong(data.badShow) : []
      data.pillsDispose = data.pillsDispose
        ? this.quchong(data.pillsDispose)
        : []
      data.severityBadShow = data.severityBadShow
        ? this.quchong(data.severityBadShow)
        : []
      data.relationFamily = data.relationFamily
        ? this.quchong(data.relationFamily)
        : []
      data.hospitalNo = 'yF22RwXQjF8vgXx7'
      data.hospitalName = 'd1InlBPaNdozRdbq'
      data.branchCenter = '2Hz9p5iRco4oTLKw'
    },
    async submitForm(type, num) {
      // 0是保存 1是提交
      if (type == 1) {
        this.$refs['form'].validate(async(valid) => {
          if (valid) {
            // 校验流水号 是否存在
            if (!this.isHaveData && !this.form.monitorRecordNo) {
              return this.$message.error('请输入监测表流水号后再试~')
            }
            // 校验流水号 是否存在
            if (!this.isHaveData && this.form.monitorRecordNo) {
              const value = this.form.monitorRecordNo.trim() // 获取输入框的值，并去除空格
              let reg = /^\d{5}$/ // 正则表达式，匹配5位数字
              if (!reg.test(value)) {
                // 如果输入的值不符合要求，则清空输入框
                this.errormsg1 = '请输入5位数字~'
                this.$message.error('监测表流水号请输入5位数字~')
                this.form.monitorRecordNo = ''
                return
              } else {
                this.errormsg1 = ''
              }
              let res = await existBBBBBB(this.form.monitorRecordNo)
              // true 不存在  false 存在
              if (res.data == false) {
                this.$message({
                  message: '监测表流水号已存在，请修改后再试！',
                  type: 'error'
                })
                this.form.monitorRecordNo = ''
                return // 如果监测表流水号已存在，则直接返回
              }
            }
            if (num) {
              this.form.auditStatus = num
            }
            this.form.submitStatus = type // 提交状态(0暂存 1提交)
            this.form.electronicBadRecordInfoBoList =
              this.form.electronicBadRecordInfoVoList
            this.form.medicalRecordNo = this.form.medicalRecordNo
              ? this.form.medicalRecordNo
              : this.$route.query.medicalRecordNo
            this.form.badShow = Array.isArray(this.form.badShow)
              ? this.form.badShow.join(',')
              : ''
            this.form.pillsDispose = Array.isArray(this.form.pillsDispose)
              ? this.form.pillsDispose.join(',')
              : ''
            this.form.severityBadShow = Array.isArray(this.form.severityBadShow)
              ? this.form.severityBadShow.join(',')
              : ''
            this.form.relationInfo = Array.isArray(this.form.relationInfo)
              ? this.form.relationInfo.join(',')
              : ''
            this.form.relationFamily = Array.isArray(this.form.relationFamily)
              ? this.form.relationFamily.join(',')
              : ''
            addBBBBmonitorOneInfo(this.form).then((res) => {
              if (res.code == 200) {
                this.getList() // 刷新页面
                this.$message.success('保存成功')
              } else {
                this.$message.error('保存失败')
              }
            })
          } else {
            this.$message.error('信息不完整，无法保存（提交），请完善！')
          }
        })
      } else {
        // 校验流水号 是否存在
        if (!this.isHaveData && !this.form.monitorRecordNo) {
          return this.$message.error('请输入监测表流水号后再试~')
        }
        // 校验流水号 是否存在
        if (!this.isHaveData && this.form.monitorRecordNo) {
          const value = this.form.monitorRecordNo.trim() // 获取输入框的值，并去除空格
          let reg = /^\d{5}$/ // 正则表达式，匹配5位数字
          if (!reg.test(value)) {
            // 如果输入的值不符合要求，则清空输入框
            this.errormsg1 = '请输入5位数字~'
            this.$message.error('监测表流水号请输入5位数字~')
            this.form.monitorRecordNo = ''
            return
          } else {
            this.errormsg1 = ''
          }
          let res = await existBBBBBB(this.form.monitorRecordNo)
          // true 不存在  false 存在
          if (res.data == false) {
            this.$message({
              message: '监测表流水号已存在，请修改后再试！',
              type: 'error'
            })
            this.form.monitorRecordNo = ''
            return // 如果监测表流水号已存在，则直接返回
          }
        }
        if (num) {
          this.form.auditStatus = num
        }

        this.form.submitStatus = type // 提交状态(0暂存 1提交)
        this.form.electronicBadRecordInfoBoList =
          this.form.electronicBadRecordInfoVoList
        this.form.medicalRecordNo = this.form.medicalRecordNo
          ? this.form.medicalRecordNo
          : this.$route.query.medicalRecordNo

        this.form.badShow = Array.isArray(this.form.badShow)
          ? this.form.badShow.join(',')
          : ''
        this.form.pillsDispose = Array.isArray(this.form.pillsDispose)
          ? this.form.pillsDispose.join(',')
          : ''
        this.form.severityBadShow = Array.isArray(this.form.severityBadShow)
          ? this.form.severityBadShow.join(',')
          : ''
        this.form.relationInfo = Array.isArray(this.form.relationInfo)
          ? this.form.relationInfo.join(',')
          : ''
        this.form.relationFamily = Array.isArray(this.form.relationFamily)
          ? this.form.relationFamily.join(',')
          : ''
        addBBBBmonitorOneInfo(this.form).then((res) => {
          if (res.code == 200) {
            this.getList(this.id, this.medicalRecodeNo) // 刷新页面
            this.$message.success('保存成功')
          } else {
            this.$message.error('保存失败')
          }
        })
      }
    }
  }
}
</script>
<style scoped lang="scss">

.el-date-editor {
  width: 240.5px;
}

.df {
  display: flex;
  align-items: center;
}

table {
  th {
    font-size: 12px;
    background-color: #f2f2f2;
  }

  th,
  td {
    border: 1px solid #909399;
  }

  td {
    height: 50px;

    ::v-deep .el-input__inner {
      border: none;
    }
  }
}

.border {
  border: 1px solid #ebeef5;
  padding: 10px;
  margin-bottom: 20px;
}

h4 {
  font-weight: 900;
}

.lookFlag {
  ::v-deep .el-dialog__body {
    max-height: 75vh;
    overflow-y: scroll;
  }
}
</style>
